<template>
	<view class="container">
		<view class="top">
			<image src="../../static/index_img/1_top.png" mode=""></image>
		</view>
		<view class="bot">
			<view class="header">
				<image class="m_r20" src="../../static/index_img/1.png" mode=""></image>
				<image src="../../static/index_img/2.png" mode=""></image>
			</view>
			<view class="footer m_t30">
				<image src="../../static/index_img/3.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page {
		height: 100%;
	}
	.container {
		width: 100%;
		// overflow: auto;
		display: flex;
		flex-direction: column;
		.top {
			display: flex;
			image {
				width: 100%;
			}
		}
		.bot {
			padding: 34upx 32upx;
			background: #39418f;
			.header {
				display: flex;
			}
			.footer {
				display: flex;
				justify-content: center;
			}
		}
	}
</style>
